// 动态监听窗口的缩放功能，动态设置html元素的font-size
;(function (w, d, uiSize, prem) {
  // 1. 找到html元素
  let html = d.documentElement
  // 2. 声明缩放事件
  let evt = 'orientationchange' in w ? 'orientationchange' : 'resize'
  // 3. 声明函数计算不同窗口宽度和uiSize的比值,同时设置不同宽度下html的font-size值
  function setSize() {
    // 获得当前视口的宽度
    let clientWidth = html.clientWidth
    if (!clientWidth) {
      return
    }
    // 控制窗口的最小尺寸320px
    if (clientWidth < 320) {
      clientWidth = 320
    }
    // 设置html的font-size值
    html.style.fontSize = (clientWidth / uiSize) * prem + 'px'
  }
  // 4. 监听窗口的缩放事件
  w.addEventListener(evt, setSize, false)
  // 5. 元素加载结束立即执行操作
  d.addEventListener('DOMContentLoaded', setSize, false)
})(window, document, 750, 100)
